<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>列表_小邓的个人博客 - 记录一条程序人生的辛苦与尖酸</title>
<meta name="keywords" content="个人博客,demo程序，java源码" />
<meta name="description"
	content="小邓个人博客，记录一条程序人生的辛苦与尖酸，分享各种学习资料，java源码。" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="../css/base.css" rel="stylesheet"
	th:href="@{/default/static/css/base.css}">
<link href="../css/index.css" rel="stylesheet"
	th:href="@{/default/static/css/index.css}">
<link href="../css/m.css" rel="stylesheet"
	th:href="@{/default/static/css/m.css}">
	<link href="../css/m.css" rel="stylesheet"
		  th:href="@{/default/static/css/common.css}">
	<link rel="icon" type="image/x-icon" th:href="@{/default/static/favicon.ico}">
<script src="../js/jquery.min.js"
	th:src="@{/default/static/js/jquery.min.js}"></script>
<!--[if lt IE 9]>
	<script src="js/modernizr.js" th:src="@{/default/static/js/modernizr.js}"></script>
<![endif]-->
<script>
	window.onload = function() {
		var oH2 = document.getElementsByTagName("h2")[0];
		var oUl = document.getElementsByTagName("ul")[0];
		oH2.onclick = function() {
			var style = oUl.style;
			style.display = style.display == "block" ? "none" : "block";
			oH2.className = style.display == "block" ? "open" : ""
		}
	}

	function page(n) {
		$("#pageNo").val(n);
		$("#searchForm").submit();
		return false;
	}
</script>
</head>
<body>

	<header th:replace="include :: top"></header>

	<article>
		<!-- <h2 class="litle">
			<span>今天是明天永远回不去的昨天。</span>学无止境
		</h2> -->
		<div class="navtab">
			<div class="search">
				<form action="/front/list.html" method="post" name="searchform"
					id="searchForm">
					<input id="pageNo" name="pageNo" type="hidden" th:value="${pageInfos.pageNum}" /> 
					<input name="title" id="title" class="input_text"  th:value="${blogs.title}"
						style="color: rgb(153, 153, 153);"
						onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}"
						onblur="if(value==''){this.style.color='#999';value='请输入关键字'}"
						type="text"> 
					<input name="typeId" type="hidden" th:value="${blogs.typeId}"> 
					<input name="Submit" class="input_submit"
						value="搜索" type="submit">
				</form>
			</div>
			<ul class="navlist" id="pageContent">
				<li  th:each="type:${@blogs.geTypes()}"><a
						th:href="@{'/front/list.html?typeId='+${type.id}}">[[${type.name}]]</a></li>
			</ul>
			<script language="javascript">
				var obj = null;
				var As = document.getElementById('pageContent')
						.getElementsByTagName('a');
				obj = As[0];
				for (i = 1; i < As.length; i++) {
					if (window.location.href.indexOf(As[i].href) >= 0)
						obj = As[i];
				}
				obj.id = 'pagecurrent'
			</script>
		</div>
		<div class="newblogs">
			<h2 class="hometitle">最新文章</h2>
			<ul>
				<li th:each="blog:${pageInfos.list}">
					<h3 class="blogtitle">
						<span><a th:href="@{'/front/blogs/'+${blog.id}+'.html'}" th:title="${blog.title}" target="_blank" class="classname"
							th:text="${@blogs.getTypeName(blog.typeId)}">个人博客</a></span><a
							th:href="@{'/front/blogs/'+${blog.id}+'.html'}" target="_blank"
							th:text="${blog.title}"></a>
					</h3>
					<div class="bloginfo">
						<span class="blogpic">
							<a th:href="@{'/front/blogs/'+${blog.id}+'.html'}" th:title="${blog.title}">
								<img th:src="${blog.mainPic}" th:alt="${blog.title}" />
							</a>
						</span>
						<p th:text="${blog.smallContent}"></p>
					</div>
					<div class="autor">
						<span class="lm f_l"></span>
						<span class="dtime f_l" th:text="${#dates.format(blog.createTime, 'yyyy-MM-dd')}">2018-03-26</span>
						<span class="viewnum f_l">浏览（<a href="javascript:void(0)" th:text="${blog.lookNum}">1429</a>）</span>
						<span class="f_r"><a th:href="@{'/front/blogs/'+${blog.id}+'.html'}" class="more">阅读原文>></a></span>
					</div>
					<div class="line"></div>
				</li>
			</ul>
			<div class="pagelist">
				<!-- <a title="Total record">&nbsp;<b>43</b></a>&nbsp;&nbsp;&nbsp; -->
				<a href="javascript:void(0)" th:onclick="'javascript:page(\'1\');'">首页</a>
				<a href="javascript:void(0)" th:if="${pageInfos.hasPreviousPage }"
					th:onclick="'javascript:page(\''+${pageInfos.pageNum-1}+'\');'">上一页</a>&nbsp;
				<a href="javascript:void(0)"
					th:each="page_Num:${pageInfos.navigatepageNums}"
					th:onclick="'javascript:page(\''+${page_Num}+'\');'"> <span
					th:if="${page_Num!=pageInfos.pageNum}">[[${page_Num}]]</span> <span
					th:if="${page_Num==pageInfos.pageNum}" style="color: red;">[[${page_Num}]]</span>
				</a>&nbsp; <a href="javascript:void(0)"
					th:if="${pageInfos.hasNextPage }"
					th:onclick="'javascript:page(\''+${pageInfos.pageNum+1}+'\');'">下一页</a>&nbsp;
				<a href="javascript:void(0)"
					th:onclick="'javascript:page(\''+${pageInfos.pages }+'\');'">尾页</a>
			</div>
		</div>
		<div class="rbox">
			<div class="weixin">
				<h2 class="hometitle">官方微信</h2>
				<ul>
					<img th:src="${@blogs.getAppSetInfo().applogo}">
				</ul>
			</div>
			<div class="paihang">
				<h2 class="hometitle">点击排行</h2>
				<ul>
					<li th:each="blog:${@blogs.getBlogs(7,'look_num desc')}"><b><a
							th:href="@{'/front/blogs/'+${blog.id}+'.html'}" target="_blank"
							th:text="${blog.title}"></a></b>
						<p>
							<i><img th:src="${blog.mainPic}" /></i>[[${#strings.abbreviate(blog.smallContent,50)+'...'}]]
						</p></li>
				</ul>
			</div>
			<div class="paihang">
				<h2 class="hometitle">本栏推荐</h2>
				<ul>
					<li
						th:each="blog:${@blogs.getBlogs(7,'look_num desc,create_time desc')}"><b><a
							th:href="@{'/front/blogs/'+${blog.id}+'.html'}" target="_blank"
							th:text="${blog.title}"></a></b>
						<p>
							<i><img th:src="${blog.mainPic}" /></i>
							[[${#strings.abbreviate(blog.smallContent,50)+'...'}]]
						</p></li>
				</ul>
			</div>
		</div>

	</article>
	<footer th:replace="include :: footer">
	</footer>

	<div th:replace="include :: qqchat"></div>
</body>
</html>
